<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
	<!--<meta http-equiv="Pragma" content="no-cache">-->
	<!--<meta http-equiv="Cache-Control" content="no-cache">-->
	<!--<meta http-equiv="Expires" content="0">-->
    <meta http-equiv=X-UA-Compatible content="IE=8,chrome=1">
	<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
<title>东风标致狮友汇-欢礼新年</title>
<link rel="stylesheet" type="text/css" href="/Public/css/public.css">
<!-- 公共代码 -->
	<script src="/Public/js/jquery-1.10.2.min.js"></script>
	<script src="/Public/js/jquery.cookie.js"></script>
<!--<script type="text/javascript" src="/Public/js/jquery-2.1.1.min.js"></script>-->
<script type="text/javascript" src="/Public/js/public.js"></script>
<script type="text/javascript" src="/Public/js/TurnTable.js"></script>
<script type="text/javascript" src="/Public/js/jQueryRotate.2.2.js"></script>
	<script type="text/javascript" src="/Public/js/jquery.easing.min.js"></script>
<!-- 公共代码 -->
<!-- 滚动条 begin -->
<script type="text/javascript" src="/Public/js/scoll/easyscroll.js"></script>
<script type="text/javascript" src="/Public/js/scoll/mousewheel.js"></script>
<link rel="stylesheet" type="text/css" href="/Public/css/scoll/scoll.css">
<!-- 滚动条 end -->



<!-- 首页 -->
<link rel="stylesheet" type="text/css" href="/Public/css/index.css">
	<!--[if IE 8]>         <link rel="stylesheet" type="text/css" href="/Public/css/public-ie8.css"> <![endif]-->
	<!--[if IE 9]>         <link rel="stylesheet" type="text/css" href="/Public/css/public-ie8.css"> <![endif]-->
	<!-- 首页 -->
	<link rel="stylesheet" type="text/css" href="/Public/css/news.css">
</head>
<body>
	<div class="wrap">
		<div class="header">
			<div class="header_in">
				<!-- <h1 class="logo"></h1> -->
				<a href="http://www.mypeugeot.com.cn/" target="_blank"><img src="/Public/images/df_logo.png" class="df_logo df_logo01" /></a>
				<a href="http://www.peugeot.com.cn/" target="_blank"><img src="/Public/images/df_logo01.png" class="df_logo df_logo02"></a>
				<div id="logoPanel">
					<a href="http://www.peugeot.com.cn/" target="_blank"><img src="/Public/images/dflogo1-1.png" width="100" /></a>
				</div>
				<ul class="login fr">
                       {$loginStr}
				</ul>
			</div>
		</div>
		<div class="banner">
			<!-- <div class="banner_in"></div> -->
			<img src="/Public/images/banner.jpg" alt="" class="banner_in">
		</div>
		<div class="middle">
			<!-- <img class="middle_img" src="images/present.jpg" alt=""> -->
			
			<div class="middle_in">
				<ul class="icon">
					<li class="fl current"><a href="index.php">首页</a></li>
					<li class="fl"><a href="http://www.mypeugeot.com.cn/index.php?m=member&c=index&a=register&register_source=2017" target="view_window">车主认证</a></li>
					<li class="fl" onclick="huodong()"><a href="javascript:;">活动规则</a></li>
					<li class="fl" onclick="mingdan()"><a href="javascript:;">获奖名单</a></li>
					<li class="fl" onclick="lipin()"><a href="javascript:;">我的礼品</a></li>
					<li class="fl" onclick="find()" style="padding-left:1px;"><a href="javascript:;">经销店查询</a></li>
				</ul>
				<div class="present">
					<span class="erwei1 ">
						<img src="" alt="">
					</span>
					<span class="erwei2 ">
						<img src="" alt="">
					</span>
					<a href="index.php?m=Home&c=index&a=showExchangePrize" class="present_in"></a>
				</div>
				<div class="sign">
					<a href="javascript:;" onclick="sign()"class="sign_in"></a>
				</div>
				<div class="draw">
					<a href="javascript:showTrunteble()" class="draw_in"></a>
				</div>
			</div>
			
		</div>
		<div class="footer">
			<div class="footer_in">
				<ul class="green fl">
					<li onclick="finds()" style="padding-left: 1px;"><a href="javascript:;">查询经销商</a></li>
					<li class="find_img"><a href="http://weibo.com/p/1006062445247481/home?from=page_100606&mod=TAB&is_all=1#place" target="_blank">官网微博</a></li>
					<li class="find_img"><a href="javascript:;">官方微信</a><img src="Public/images/weixin.png" alt=""></li>
				</ul>
				<ul class="green white fl">
					<li><a href="http://www.peugeot.com.cn/" target="_blank">品牌官网</a></li>
					<li><a href="https://peugeot.tmall.com/" target="_blank">天猫旗舰店</a></li>
				</ul>
				<p class="fr">客服热线：400-8877-108© 东风标致版权所有 京ICP05021113号</p>
			</div>
		</div>
	</div>

	<include file="./Application/Home/View/Index/base.html" />
	<!--获奖名单  -->
	<div class="enter" id="enter3">
		<div class="enter_in">
			<span class="delete"></span>
			<div class="txt txt3">
				<h3 class="txt_h3">获奖名单</h3>
				<ul class="text_ul text_top">
					<li class="fl">昵称</li>
					<li class="fl">礼品</li>
					<li class="fl">获奖时间</li>
				</ul>
				<div class="text_in">
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">飞刀</li>
						<li class="fl">木制手机支架</li>
						<li class="fl">2016-12-29</li>
					</ul>
				</div>
				<div class="page">
					<a class="left" href="javascript:;"><<</a>
					<ul class="page_ul">
						<li class="fl current"><a href="javascript:;">1</a></li>
						<li class="fl"><a href="javascript:;">2</a></li>
						<li class="fl"><a href="javascript:;">3</a></li>
						<li class="fl"><a href="javascript:;">4</a></li>
						<li class="fl"><a href="javascript:;">5</a></li>
					</ul>
					<a class="right" href="javascript:;">>></a>
				</div>
			</div>
		</div>
	</div>
	<!--获奖名单  -->
	<!--我的礼品  -->
	<div class="enter" id="enter4">
		<div class="enter_in">
			<span class="delete"></span>
			<div class="txt txt3">
				<h3 class="txt_h3">我的礼品</h3>
				<ul class="text_ul text_top">
					<li class="fl">礼品名称</li>
					<li class="fl">兑换码</li>
					<li class="fl">获奖时间</li>
					<li class="fl">礼品来源</li>
					<li class="fl">礼品说明</li>
				</ul>
				<div class="text_in">
					<ul class="text_ul text_mid">
						<li class="fl">车载充电器&
破窗器二合一</li>
						<li class="fl">———</li>
						<li class="fl">2016-12-29</li>
						<li class="fl">兑换</li>
						<li class="fl">2.4A超大电流输出，七种智能保护功能</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">车载充电器&
破窗器二合一</li>
						<li class="fl">———</li>
						<li class="fl">2016-12-29</li>
						<li class="fl">兑换</li>
						<li class="fl">2.4A超大电流输出，七种智能保护功能</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">车载充电器&
破窗器二合一</li>
						<li class="fl">———</li>
						<li class="fl">2016-12-29</li>
						<li class="fl">兑换</li>
						<li class="fl">2.4A超大电流输出，七种智能保护功能</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">车载充电器&
破窗器二合一</li>
						<li class="fl">———</li>
						<li class="fl">2016-12-29</li>
						<li class="fl">兑换</li>
						<li class="fl">2.4A超大电流输出，七种智能保护功能</li>
					</ul>
					<ul class="text_ul text_mid">
						<li class="fl">车载充电器&
破窗器二合一</li>
						<li class="fl">———</li>
						<li class="fl">2016-12-29</li>
						<li class="fl">兑换</li>
						<li class="fl">2.4A超大电流输出，七种智能保护功能</li>
					</ul>
					
				</div>
				<div class="page">
					<a class="left" href="javascript:;"><<</a>
					<ul class="page_ul">
						<li class="fl current"><a href="javascript:;">1</a></li>
						<li class="fl"><a href="javascript:;">2</a></li>
						<li class="fl"><a href="javascript:;">3</a></li>
						<li class="fl"><a href="javascript:;">4</a></li>
						<li class="fl"><a href="javascript:;">5</a></li>
					</ul>
					<a class="right" href="javascript:;">>></a>
				</div>
				<div class="pen">
					<ul class="pen_ul">
						<li>
							<label for="user_turename">姓 &nbsp; &nbsp; &nbsp; 名：</label>
							<input id="user_turename" type="text" value="" disabled/>
						</li>
						<li>
							<label for="user_phone">联系电话：</label
							><input id="user_phone" disabled value="" type="text"/>
						</li>
						<li>
							<label for="user_address">邮寄地址：</label>
							<input id="user_address" disabled value="" type="text"/>
						</li>
					</ul>
					<span class="pen_read" onclick="pen_read()">编辑</span>
					<div class="input_div">
						<input  onclick="pen_inp()" type="button" >
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--我的礼品  -->

	<!--查询经销商  -->
	<div class="enter" id="enter5">
	<div class="enter_in">
		<span class="delete delete2"></span>
		<div class="txt txt4">
			<h3 class="txt_h3">经销商查询</h3>
			<div class="city">
				<span>北京市市辖区</span>
				<a onclick="con_city()" href="javascript:;">切换城市</a>
			</div>
				<div class="container6">
				<div class="div_scroll">
					<ul class="scorll_ul">
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
						<li class="fl">
							<p>东风标致北京博瑞祥致店</p>
							<span>花虎沟2号</span>
							<span>010-82818999</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
	<!--查询经销商  -->

	<!--选择城市  -->
	<div class="enter" id="enter6">
		<div class="enter_in">
			<span class="delete delete2"></span>
			<div class="txt txt4">
				<h3 class="txt_h3">选择城市</h3>
				<div class="container7">
					<div class="div_scroll">
						<ul class="scorll_ul">
							<li>
								<p>北京</p>
								<span>北京</span>
							</li>
							<li>
								<p>广东</p>
								<span>东莞</span>
								<span>揭阳</span>
								<span>梅州</span>
								<span>深圳</span>
								<span>中山</span>
								<span>珠海</span>
							</li>
							<li>
								<p>安徽</p>
								<span>台州</span>
								<span>黄山</span>
								<span>台州</span>
							</li>
							<li>
								<p>安徽</p>
								<span>台州</span>
								<span>黄山</span>
								<span>台州</span>
							</li>
							<li>
								<p>安徽</p>
								<span>台州</span>
								<span>黄山</span>
								<span>台州</span>
							</li>
							<li>
								<p>安徽</p>
								<span>台州</span>
								<span>黄山</span>
								<span>台州</span>
							</li>
							<li>
								<p>广西</p>
								<div>
									<span>百色</span>
								<span>桂林</span>
								<span>泉州</span>
								<span>柳州</span>
								<span>贵港</span>
								<span>南宁</span>
								<span>钦州</span>
								<span>梧州</span>
								<span>玉林</span>
								<span>玉林</span>
								<span>玉林</span>
								</div>

							</li>


						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--选择城市  -->

	<!--点击签到  -->
	<div class="enter" id="enter7">
		<div class="enter_in">
			<span class="delete delete2"></span>

			<div class="txt txt4">
				<h3 class="txt_h3">点击签到</h3>
				<div id="position">
					<ul class="pic">
						<!--<li class="pic05" id="qd5">-->

						<!--</li>-->
						<!--<li class="pic04" id="qd4">-->

						<!--</li>-->
						<!--<li class="pic01" id="qd3">-->

						<!--</li>-->

						<!--<li class="pic03" id="qd2">-->

						<!--</li>-->

						<!--<li class="pic02" id="qd1">-->

						<!--</li>-->
						{$SignStr}
					</ul>
						 <span class="left_right">
							 <i class="left" style="float:left;"></i>
							 <i class="right" style="float:right;"></i>
						 </span>
				</div>
				<p class="inte_p"></p>
				<input class="sign_input" type="button" onclick="qd()">
			</div>

		</div>
	</div>
	<!--点击签到  -->
	<!--大转盘-->
	<div class="enter" id="enter8">
		<div class="enter_in_turntable">
			<span class="delete delete4"></span>
			<div class="turntable" id="1">
				<div id="disk"></div>
				<div id="start"><img src="/Public/images/start.png" id="startbtn"></div>
				<div id="rotate"><img src="/Public/images/rotate.png" id="rotatebtn"></div>
				<a href="javascript:;" class="activety_rules" onclick="showRule()">活动规则</a>
			</div>
		</div>
	</div>
	<!--大转盘-->

	<!---大转盘规则-->
	<div class="enter" id="enter9">
		<div class="enter_in_turntablebg">
			<ol class="rules_item">
				<li>1、每次发起“<span class="color_blue">点击抽奖</span>”或“<span class="color_blue">再转一次</span>”均默认扣减20积分参与抽奖。<li>
				<li>2、点击“<span class="color_blue">刷新惊喜</span>”可查看更多礼品</li>
				<li>3、每天参与次数不限，多次参与中奖几率更大哦。</li>
			</ol>
			<input type="button" onclick="returnClose('#enter9')" class="return_input"/>
		</div>
	</div>
	<!--大转盘规则-->

	<!--抽奖提示-->
	<div class="enter" id="enter10">
		<div class="enter_in_turntabletip">
			<span class="delete"></span>
			<div class="msg_content">
				<p class="tip_msg">
					很可惜<br/>
					Try Again !
				</p>
				<input type="button" onclick="rePlay()" class="replay_input" />
				<input type="button" onclick="changProduct()" class="refer_input" />
			</div>
		</div>
	</div>
	<!--抽奖提示-->

	<!--积分不足提示-->
	<div class="enter" id="enter11">
		<div class="enter_in_turntabletip">
			<div class="msg_content">
				<p id="showLottoText">
				</p>
				<input type="button" onclick="returnClose('#enter11')" class="return_input"/>
			</div>
		</div>
	</div>
	<!--积分不足提示-->

	<!--网络异常-->
	<div class="enter" id="enter12">
		<div class="enter_in_turntabletip">
			<div class="msg_content">
				<p>网络异常<br>
					请再重新试一遍！
				</p>
				<input type="button" onclick="returnClose('#enter12')" class="return_input"/>
			</div>
		</div>
	</div>
	<!--网络异常-->

	<!--切换成功  -->
	<div class="enter" id="enterCha">
		<div class="enter_in">
			<div class="msg_content">
				<p>刷新成功</p>
				<img src="/Public/images/yes.png" alt="" />
			</div>
		</div>

	</div>
	</div>
	<!--切换成功  -->
</body>
</html>

<script>
function me_pic(){
	this.init.apply(this,arguments);
}
me_pic.prototype = {
 init:function(clas){
	var _this = this;
	this.wrap = typeof clas === "string" ? document.getElementById(clas) : clas;
	this.oul = this.wrap.getElementsByTagName("ul")[0];
	this.li = this.oul.getElementsByTagName("li");
	this.Sort = [];
	this.prev = this.wrap.getElementsByTagName("i")[0];
    this.next = this.wrap.getElementsByTagName("i")[1];
	this._donext = function(){return _this.donext.apply(_this)};
	this._doprev = function(){return _this.doprev.apply(_this)};
	this.option = [
	 {width:444, height:268, top:20, left:0, zIndex:1},
	 {width:464, height:308, top:0, left:62, zIndex:2},
	 {width:484, height:348, top:-20, left:134, zIndex:3},
	 {width:464, height:308, top:0, left:228, zIndex:2},
	  {width:444, height:268, top:20, left:316, zIndex:1}
	];
//li元素存入数组   
   for(var i=0;i<this.li.length;i++){this.Sort[i]=this.li[i];}
	this.setup();   
	this.addevent(this.next,'click',this._donext); //通过事件直接调用this指向该事件对象，所以通过this._donext做中间 保证this指向me_pic 
	this.addevent(this.prev,'click',this._doprev);  
	
	   
 },
donext:function(){
	this.Sort.push(this.Sort.shift());//数组转换 实现滚动动画
	this.setup();
	},
doprev:function(){
	this.Sort.unshift(this.Sort.pop());
	this.setup();
	},
setup:function(){
	var _this=this;
	for(var i=0;i<this.Sort.length;i++){this.oul.appendChild(this.Sort[i]);}
	for(var i=0;i<this.Sort.length;i++){
		this.css(this.Sort[i],'display','block');
		this.domove(this.Sort[i],this.option[i],function(){  console.log(123) });
		}
 },
addevent:function(element,type,fun){
   return element.addEventListener ? element.addEventListener(type,fun,false) : element.attachEvent('on' + type,fun);
 },	
css:function(element,attr,value){
   if(arguments.length == 2){
	   return element.currentStyle ? element.currentStyle[attr] : getComputedStyle(element, null)[attr];
	}else if(arguments.length == 3){
	   switch(attr){
	    case "width":
		case "height":
		case "left":
		case "top":
		case "bottom":
		 element.style[attr]=value+"px";
		 break;
		case "opacity":
		 element.style.filter = "alpha(opacity=" + value + ")";
		 element.style.opacity = value/100;
		 break;
		default:
		 element.style[attr]=value;
		 break;
		}
	}
 },
domove:function(element,attr,callback){
	    var _this=this;
		clearInterval(element.time);
  element.time=setInterval(function(){
		var Stop = true;
	    for(var propert in attr){
			var iCur = parseFloat(_this.css(element,propert));
			propert == "opacity" && (iCur = parseInt(iCur.toFixed(2) * 100));
			var iSpeed = (attr[propert] - iCur) / 5;
			//console.log(iSpeed);
			iSpeed = iSpeed > 0 ? Math.ceil(iSpeed):Math.floor(iSpeed);
			 if(iCur != attr[propert]){
				 //console.log(propert);
				  Stop = false;
				  _this.css(element,propert,iCur + iSpeed);
				 }
			}
	    if(Stop){
		   clearInterval(element.time);
		   callback && callback.apply(_this,arguments)	
			}
	},30);	
 },	
	
}
//加载
window.onload=function(){
	new me_pic('position');
}
</script>
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?ee2e4c0d2ce5503f9b31de5a5ca84d5a";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
<script>
	//初始化页面时验证是否记住了密码
	$(document).ready(function() {
		if ($.cookie("ckbox") == "true") {
			$('.miss_in').addClass('checked');
			$("#phone").val($.cookie("userName"));
//			$("#pwd").val($.cookie("passWord"));
		}
	});

	$(function(){
		$.ajax({
			url:'index.php?m=Home&c=index&a=ShowIsSign',
			error:function(){
				alert('发生异常！请联系狮友汇客服！');
			},
			success:function(data){
				$("#qd1").html(data.span1);
				$("#qd2").html(data.span2);
				$("#qd3").html(data.span3);
				$("#qd4").html(data.span4);
				$("#qd5").html(data.span5);
			}
		});

	});
</script>
